<!DOCTYPE html>
<html>
<head>
	<meta http-equiv="Content-type" content="text/html; charset=utf-8"/>
	<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,minimum-scale=1,user-scalable=no"/>
	<meta name="apple-mobile-web-app-capable" content="yes"/>
	<title>Sample of View Transitions</title>

	<script type="text/javascript" src="../deviceTheme.js" data-dojo-config="mblThemeFiles: ['base']"></script>
	<script type="text/javascript" src="../../../dojo/dojo.js" data-dojo-config="async: true, parseOnLoad: true, mblCSS3Transition: 'dojox/css3/transit'"></script>

	<script type="text/javascript">
		require([
			"dojox/mobile/parser",
			"dojox/mobile",
			"dojox/mobile/compat"
		]);
	</script>

	<style>
	.mblListItemSubText {
		color: gray;
		font-size: 13px;
	}
	</style>
</head>
<body style="visibility:hidden;">
	<div id="top" data-dojo-type="dojox.mobile.View">
		<h1 data-dojo-type="dojox.mobile.Heading">Sample of View Transitions</h1>
		<ul data-dojo-type="dojox.mobile.RoundRectList">
			<li data-dojo-type="dojox.mobile.ListItem" data-dojo-props='href:"test_new_transition-animations-standard.html", transition:"none", variableHeight:true'>
				Standard Transitions 
			    <div class="mblListItemSubText">
				    Slide, Flip, Fade
			    </div>
			</li>
			<li data-dojo-type="dojox.mobile.ListItem" data-dojo-props='href:"test_transition-animations-extended1.html", transition:"none", variableHeight:true'>
				Extended Transitions 1
			    <div class="mblListItemSubText">
				    Dissolve, Slide Vertical
			    </div>
			</li>
			<li data-dojo-type="dojox.mobile.ListItem" data-dojo-props='href:"test_transition-animations-extended2.html", transition:"none", variableHeight:true'>
				Extended Transitions 2
			    <div class="mblListItemSubText">
				    Cover, Cover Vertical
			    </div>
			</li>
			<li data-dojo-type="dojox.mobile.ListItem" data-dojo-props='href:"test_transition-animations-extended3.html", transition:"none", variableHeight:true'>
				Extended Transitions 3
			    <div class="mblListItemSubText">
				    Reveal, Reveal Vertical
			    </div>
			</li>
			<li data-dojo-type="dojox.mobile.ListItem" data-dojo-props='href:"test_transition-animations-extended4.html", transition:"none", variableHeight:true'>
				Extended Transitions 4
			    <div class="mblListItemSubText">
				    Zoom In/Out, Scale In/Out
			    </div>
			</li>
			<li data-dojo-type="dojox.mobile.ListItem" data-dojo-props='href:"test_transition-animations-extended5.html", transition:"none", variableHeight:true'>
				Extended Transitions 5
			    <div class="mblListItemSubText">
				    Swirl, Swap, Cube
			    </div>
			</li>
		</ul>
	</div>
</body>
</html>
